@primary-color: #1890FF; // 更新主色
@danger-color: #FF4D4F;

.exam-footer {
  display: flex;
  width: 100vw;
  flex-direction: column;
  padding: 10 rpx 20 rpx;
  background-color: #fff;
  border-top: 1 rpx solid #eee;

  .secondary-actions {
    display: flex;
    justify-content: center;
    margin-bottom: 10 rpx;

    .secondary-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #cccccc;
      border: none;
      border-radius: 20rpx;
      padding: 0rpx 20rpx;
      font-size: 24 rpx;
      margin-bottom: 10rpx;
      height: 60rpx;
      width: 48%;

      .btn-icon {
        margin-right: 5 rpx;
        font-size: 28 rpx;
      }

      &.favorite-btn .btn-icon {
        color: #ff9900;
      }

      &.report-btn .btn-icon {
        color: #ff4444;
      }
    }
  }

  .primary-actions {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2vh;

    .primary-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 70rpx;
      border-radius: 25rpx;
      font-size: 28rpx;
      line-height: 1;
      padding: 0 20rpx;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      flex: 1;
      margin: 0 10rpx;

      &:first-child {
        margin-left: 0;
      }

      &:last-child {
        margin-right: 0;
      }
    }

    .prev-btn {
      background: @primary-color;
      color: white;

      &:active {
        background: #345068; // 按下时的颜色变化
        transform: scale(0.98);
      }
    }

    .next-btn {
      // background: @primary-color;
      background-color: #1a2a6c;
      color: white;

      &:active {
        background: #0c4879; // 按下时的颜色变化
        transform: scale(0.98);
      }
    }

    .submit-btn {
      background: #d9d9d9;
      color: #8c8c8c;

      &.active {
        background: @danger-color;
        color: white;
      }

      &:active {
        background: #ff7875; // 按下时的颜色变化
        transform: scale(0.98);
      }
    }
  }
}